//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
//导入封装的token方法
import { useTokenStore } from '@/stores/token'
//导入elemnt-plus-ui的反馈组件
import { ElMessage } from 'element-plus'
//导入路由器
import router from '@/router'
//定义一个变量,记录公共的前缀  ,  baseURL
// const baseURL = 'http://192.168.31.181:8080';
const baseURL = '/api';
const instance = axios.create({ baseURL })
//添加请求拦截器
instance.interceptors.request.use(
    (config) => {
        //请求前的会掉
        //添加token
        const tokenStore = useTokenStore();
        //判断有没有token
        if (tokenStore.token) {
            config.headers.Authorization = tokenStore.token;
        }
        return config;
    },
    (err) => {
        Promise.reject(err);
    }
)

//添加响应拦截器
instance.interceptors.response.use(
    result => {
        //判断业务代码
        if (result.data.code === 0) {
            return result.data;
        }
        //失败
        // alert(result.data.message ? result.data.message : '未知错误');
        ElMessage({
            message: result.data.message ? result.data.message : '未知错误',
            type: 'error',
            plain: true,
        })
        //异步操作的错误转换为失败的状态
        return Promise.reject(result.data);
    },
    err => {
        //判断响应状态码，如果是401，则跳转到登录页
        console.log("11111",err);
        if (err && err.response.status === 401) {
            ElMessage.error('登录过期，请重新登录');
            router.push('/login');
        } else {
            ElMessage.error(err.response.data.message);
        }

        return Promise.reject(err);//异步的状态转化成失败的状态
    }

)

export default instance;